	body{
				background: url(../img/main_bg.png);
				background-position-x: center;
				background-color: #081621;
				margin: 0;
				padding: 0;
			}
			.wrap{
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
			}
			.img_content{
				width: 553px;
				height: 553px;
				position: absolute;
				left: 50%;
				top: 50%;
				margin-left: -275px;
    			margin-top: -390px;
			}
			.main_img_outer{
				
			}
			.main_img{
				position: absolute;
				top: 44px;
				left: 44px;
			}
			.bottom_area{
				position: absolute;
				bottom: 0;
				width: 100%;
				height: 113px;
				background:url(../img/bottom_bg1.jpg);
				text-align: center;
				line-height: 113px;
			}
			.bottom_area img{
				position: absolute;
			    top: -24px;
			    left: 50%;
			    margin-left: -224px;
			}
			.bottom_bg2{
				position: absolute;
				height: 100%;
				width: 100%;
				background: url(../img/bottom_bg2.png) no-repeat;
			}
			.desc{
				position: absolute;
				width: 553px;
				
			}
			.desc img{
				position: absolute;
			}
			img.text1,img.text3{
				top: 30px;
			}
			img.text2,img.text4{
				top: 70px;
				
			}
			img.text3,img.text4{
				opacity: 0;
			}
			.desc .text1,.desc .text3{
				width: 100%;
			}
			.desc img.text2,.desc img.text4{
				width: 70%;
				margin-left: 15%;
			}
			
			img.text1{
				animation: text1_ani;
				animation-duration: 2s;
			}
			img.text2{
				animation: text2_ani;
				animation-duration: 2s;
			}
			img.text3{
				animation: text3_ani;
				animation-delay: 2s;
				animation-duration: 1s;
			}
			img.text4{
				animation: text4_ani;
				animation-delay: 2s;
				animation-duration: 1s;
			}
			.desc img{
			    animation-fill-mode: forwards;
			    animation-timing-function:linear;
			}
			@keyframes text1_ani{
	    	0%{width: 1%;opacity: 1;margin-left: 50%;}
	    	/*50%{width: 70%;opacity: 1;margin-left: 20%;}*/
	    	90%{width: 100%;opacity: 1;margin-left:0}
	    	100%{opacity: 0;}
		}
		@keyframes text2_ani{
	    	0%{width: 1%;opacity: 1;margin-left: 50%;}
	    	/*50%{width: 50%;opacity: 1;}*/
	    	90%{width: 70%;opacity: 1;margin-left: 15%;}
	    	100%{opacity: 0;}
		}
		@keyframes text3_ani{
	    	0%{width: 1%;opacity: 1;margin-left: 50%;}
	    	/*50%{width: 70%;opacity: 1;}*/
	    	100%{width: 100%;opacity: 1;margin-left: 0;}
	    	
		}
		@keyframes text4_ani{
	    	0%{width: 1%;opacity: 1;margin-left: 50%;}
	    	/*50%{width: 50%;opacity: 1;}*/
	    	100%{width: 70%;opacity: 1;margin-left: 15%;}
		}
			.biaoqing{
				position: absolute;
				top: 0;
				height: 100%;
				width: 100%;
			}
			.biaoqing >img{
				position: absolute;
				top: 20%;
				left: 23%;
			}
			.biaoqing .bq2{
				top: 20%;
				left: 0px;
				
			}
			.biaoqing .bq3{
				top: 40%;
				left: 0px;
				
			}
			.biaoqing .bq4{
				top: 67%;
				left: 13%;
				
			}
			.biaoqing .bq5{
				top: 18%;
				left:60%;
				
			}
			.biaoqing .bq6{
				top: 0px;
				left:40%;
				
			}
			.biaoqing .bq7{
				top: 35%;
				left: 75%;
				
			}
			.biaoqing .bq8{
				top: 65%;
				left: 55%;
				
			}
			.biaoqing .bq9{
				top: 60%;
				left: 75%;
				
			}
			@media (max-width:1366px ) {
				.main_img_outer{
					height: 400px;
				}
				.main_img_outer >img{
					height: 100%;
				}
				.main_img {
					height: 315px;
				}
				.main_img > img{
					height: 100%;
				}
				.img_content{
				width: 400px;
				height: 400px;
				margin-left: -200px;
    			margin-top: -300px;
			}
			.main_img{
				top: 44px;
				left: 44px;
			}
			.desc{
				width: 400px;
			}
			.desc img{
				width: 100%;
			}
			
				
			.bq1,.bq4{
				height: 95px;
			}
			.bq3{
				height: 75px;
			}
			.bq5{
				height: 70px;
			}
			.bq6,.bq8{
				height: 65px;
			}
			}
			
	.bq1{
    		animation:bq1_animations ;
		}
		.bq2{
    		animation:bq2_animations ;
		}
		.bq3{
    		animation:bq3_animations ;
		}
		.bq4{
    		animation:bq4_animations ;
		}
		.bq5{
    		animation:bq5_animations ;
		}
		.bq6{
    		animation:bq6_animations ;
		}
		.bq7{
    		animation:bq7_animations ;
		}
		.bq8{
    		animation:bq8_animations ;
		}
		.bq9{
    		animation:bq9_animations ;
		}
		.biaoqing img{
			animation-duration: 1s;
			animation-fill-mode: forwards;
			animation-timing-function:ease-in
		}
	@keyframes bq1_animations{
	    0%{transform:translate(-20%,-40%);opacity: 0;}
	    100%{transform:translate(10%,10%);opacity: 1;}
	}
	@keyframes bq2_animations{
	    0%{transform:translate(-40%,-20%);;opacity: 0;}
	    100%{transform:translate(0,20%);opacity: 1;}
	}
	@keyframes bq3_animations{
	    0%{transform:translate(-40%,40%);;opacity: 0;}
	    100%{transform:translate(10%,40%);;opacity: 1;}
	}
	@keyframes bq4_animations{
	    0%{transform:translate(-40%,120%);;opacity: 0;}
	    100%{transform:translate(20%,30%);;opacity: 1;}
	}
	@keyframes bq5_animations{
	    0%{transform:translate(100%,18%);opacity: 0;}
	    100%{transform:translate(50%,18%);;opacity: 1;}
	}
	@keyframes bq6_animations{
	    0%{transform:translate(30%,-50%);;opacity: 0;}
	    100%{transform:translate(30%,15%);opacity: 1;}
	}
	@keyframes bq7_animations{
	    0%{transform:translate(110%,25%);opacity: 0;}
	    100%{transform:translate(50%,25%);opacity: 1;}
	}
	@keyframes bq8_animations{
	    0%{transform:translate(100%,115%);opacity: 0;}
	    100%{transform:translate(45%,55%);opacity: 1;}
	}
	@keyframes bq9_animations{
	    0%{transform:translate(120%,115%);opacity: 0;}
	    100%{transform:translate(65%,50%);opacity: 1;}
	}	